// 登录页面脚本
document.addEventListener('DOMContentLoaded', function() {
    // 创建背景动画粒子
    createParticles();
    
    // 密码显示切换
    setupPasswordToggle();
    
    // 登录表单提交
    setupLoginForm();
    
    // 添加输入框焦点效果
    setupInputFocus();
});

// 创建背景动画粒子
function createParticles() {
    const bgAnimation = document.querySelector('.bg-animation');
    const particleCount = 20;
    
    for (let i = 0; i < particleCount; i++) {
        const particle = document.createElement('div');
        particle.classList.add('particle');
        
        // 随机大小
        const size = Math.random() * 50 + 10;
        particle.style.width = `${size}px`;
        particle.style.height = `${size}px`;
        
        // 随机位置
        particle.style.left = `${Math.random() * 100}%`;
        particle.style.top = `${Math.random() * 100}%`;
        
        // 随机动画延迟
        particle.style.animationDelay = `${Math.random() * 20}s`;
        particle.style.animationDuration = `${Math.random() * 20 + 10}s`;
        
        bgAnimation.appendChild(particle);
    }
}

// 密码显示切换
function setupPasswordToggle() {
    const togglePassword = document.querySelector('.toggle-password');
    const passwordInput = document.querySelector('#password');
    
    if (togglePassword && passwordInput) {
        togglePassword.addEventListener('click', function() {
            const type = passwordInput.getAttribute('type') === 'password' ? 'text' : 'password';
            passwordInput.setAttribute('type', type);
            
            // 切换图标
            this.classList.toggle('fa-eye');
            this.classList.toggle('fa-eye-slash');
        });
    }
}

// 登录表单提交
function setupLoginForm() {
    const loginForm = document.querySelector('#login-form');
    const loginBtn = document.querySelector('.login-btn');
    
    if (loginForm && loginBtn) {
        loginForm.addEventListener('submit', function(e) {
            e.preventDefault();
            
            // 显示加载状态
            loginBtn.classList.add('loading');
            
            // 获取表单数据
            const username = document.querySelector('#username').value;
            const password = document.querySelector('#password').value;
            const rememberMe = document.querySelector('#remember-me').checked;
            
            // 模拟登录请求
            setTimeout(function() {
                // 这里应该是实际的登录API请求
                console.log('登录信息:', {
                    username,
                    password: '******', // 不记录实际密码
                    rememberMe
                });
                
                // 登录成功后跳转
                window.location.href = 'index.html';
                
                // 移除加载状态
                loginBtn.classList.remove('loading');
            }, 1500);
        });
    }
}

// 输入框焦点效果
function setupInputFocus() {
    const inputs = document.querySelectorAll('.input-group input');
    
    inputs.forEach(input => {
        input.addEventListener('focus', function() {
            this.parentElement.classList.add('focused');
        });
        
        input.addEventListener('blur', function() {
            this.parentElement.classList.remove('focused');
        });
    });
}

// LDAP登录处理
document.querySelector('.alt-login.ldap')?.addEventListener('click', function() {
    alert('正在跳转至企业LDAP认证系统...');
    // 实际应用中应跳转到LDAP认证页面
});

// 人脸识别登录处理
document.querySelector('.alt-login.face-id')?.addEventListener('click', function() {
    alert('正在启动人脸识别登录...');
    // 实际应用中应调用人脸识别API
}); 